<template>
    <div class="rebateList">
        <loading :state="loading"/>
        <div v-for="(item, index) in list" :key="index">
            <order-list-cell :item="item"/>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    //  import Public from '@/assets/js/public';
    import OrderListCell from '@/components/spread/OrderListCell.vue';

    export default {
        name: 'member-sec-list',
        data() {
            return {
                OrderType: {},
                loading: true,
                list: []
            };
        },
        components: {OrderListCell},
        mounted() {
            let data = {
                uid: this.$route.query.uid,
                size: 10
            };
            this.$Spread.getMenOrderList(data).then(res => {
                this.list = res.list;
                this.loading = false;
            }, () => {
                this.loading = false;
            });
        }
    };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import "../../assets/stylus/main.styl";
    .flex-r
        flex-x()

    .flex-c
        flex-y()

    .center
        flex-center()

    .divider
        divider()

    .space
        space()
</style>
